<style>
#psla_sel,#p_sel{
    font-size:0.7em;
    color:#000000;
}
#psla_sel li,#p_sel li{
   margin-top:5px;
}

</style>

<script>
$(document).ready(function(){ 
   
    
    
    
    $("#dialog").dialog({ title: '<?=ucfirst($this->actionName) .' '.ucfirst($this->controllerName)?> ' });

    $('#ajax_form input[name=fecha_resolucion]').datetimepicker();
    
    $('#proyectos-label').append('<div><ul id="psla_sel"><li></li></ul></div>')
    $('#proyectos_sin_sla-label').append('<div><ul id="p_sel"><li></li></ul></div>')
   
   
    $("#proyectos-label").next().children().wrapAll('<div style="height:150px;overflow:scroll;font-size:0.7em"/>')
    $("#proyectos_sin_sla-label").next().children().wrapAll('<div style="height:150px;overflow:scroll;font-size:0.7em"/>')
   
   
    userss1();
    userss2();
    
    $('input[name="proyectos[]"] ').change(function () {
        userss1();
    })
    
    $('input[name="proyectos_sin_sla[]"] ').change(function () {
        userss2();
    })
    
    $('input[name=fecha_incidencia]').datetimepicker();
})

function userss1(){
    
        $("#psla_sel").html('<li></li>');
        $('input:checked[name="proyectos[]"] ').each(function(index) {
            $("#psla_sel li:last").append("<li>"+$(this).parent().text()+"</li>");
        });
}
function userss2(){
    
        $("#p_sel").html('<li></li>');
        $('input:checked[name="proyectos_sin_sla[]"] ').each(function(index) {
            $("#p_sel li:last").append("<li>"+$(this).parent().text()+"</li>");
        });
}


</script>






<?php
$this->form->setAction($this->url())->setAttrib('id', 'ajax_form');

echo $this->form;

echo $this->partial('form_js.phtml', 
    array(	
        'actionName'=>$this->actionName,
        'id'=>$this->id,
        'id_tablesorter'=>$this->id_tablesorter,
        )
);


